草庐IT

JavaScript HTML DOM - 改变 HTML

全部标签

javascript - 使用 gulp-rev 后如何将修订后的文件包含到 .html 中?

所以我在gulp中创建了这个任务:'usestrict';vargulp=require('gulp');vargulpGlobals=require('./_gulp-globals.js');varrev=require('gulp-rev');varrevReplace=require('gulp-rev-replace');gulp.task('gulp-rev',function(){varsources=gulpGlobals.src+'/somefolder/**/*.js';varfileToInject=gulpGlobals.destination+'/somefo

javascript - reactjs 和呈现纯 HTML

首先,我对React完全陌生,所以我不确定我的代码是否已经按照“React方式”编写。到目前为止,我已经创建了几个呈现Bootstrap模态的react类。为了设置初始状态,我在componentsDidMount函数中调用了一个Ajax函数。在我尝试将纯HTML插入模态主体之前,这一切正常。服务器请求工作正常,我在this.state.data.content中得到纯HTML代码,但如果我尝试将其插入模态主体,我会收到以下错误:Error:InvariantViolation:ObjectsarenotvalidasaReactchild(found:objectwithkeys{_

javascript - 引用错误 : Unknown plugin "react-html-attrs" specified

我一直在尝试运行基于YouTube的示例Module-Loader程序但即使在关注了stackoverflow中与此相关的所有链接之后,我也无法解决这个问题。请在下面找到我的项目的详细信息,我的项目结构:**package.json**{"name":"react-tutorials","version":"0.0.0","description":"","main":"webpack.config.js","dependencies":{"babel-core":"^6.17.0","babel-loader":"^6.2.5","babel-plugin-add-module-ex

javascript - 在 Firefox 和 Internet Explorer 中使用 XPath 选择 HTML 元素的不同结果

我正在尝试在文档中选择一个特定的HTML元素,对于我刚刚使用的firefox:xpathobj=document.evaluate(xpath,document,null,XPathResult.FIRST_ORDERED_NODE_TYPE,null);效果很好。然而,当我尝试IE等效时:xmlDoc=newActiveXObject("Microsoft.XMLDOM");xmlDoc.async=false;xmlDoc.load(document);xmlDoc.setProperty("SelectionLanguage","XPath");xpathobj=xmlDoc.s

programming-languages - 如何使用javascript在浏览器html输出中漂亮地打印常用语言的源代码?

如何用javascript在浏览器html输出中漂亮地打印常用语言的源代码?我的意思是有一些缩进和代码格式。目前我只有http://alexgorbatchev.com/SyntaxHighlighter/为语法着色。但我也想要一些缩进和其他格式。例子:用户输入一些代码。系统格式化并在浏览器View中突出显示代码。所以->是否有用于格式化代码的通用代码格式化程序?最好的javascript我很感激任何帮助。 最佳答案 可能SyntaxHighlighter是最受欢迎的。但是你有选择,看看16FreeJavascriptCodeSyn

javascript - 改变jqplot中y轴标签区域的宽度

好的,我有一个条形图。它基本上可以工作...但是y轴上的标签有点长并且缠绕然后相互碰撞。我试过更改css,但它被JS覆盖了。我尝试扫描jqplot库以找出它发生的位置,但我迷路了。有任何想法吗?有没有我可以设置的选项?你可以在这里看到:这是我的html文件:$(function(){graph_me('chart1',['Thisisalabel','Thisisanotherlabel..','Isthistoolong?Thislookslikeitmightbreak','Imnotsure,but'],[40,20,5,1]);});functiongraph_me(div_n

javascript - 为什么我无法使用 Chrome 查看/调试加载了 jquery.html() 的 javascript

我在$.post回调中加载带有一些内联javascript的html。“像那样”的东西:-)callback{response_data='stringwithhtmlandvarscripts...'jQuery('#selector').html(response_data);}但是当我这样做时,我无法在Chrome的脚本选项卡上看到加载的新内联javascript。我在“网络”选项卡上看到JS,并且js正在执行,但我无法调试此代码。知道如何调试这段代码吗?谢谢! 最佳答案 所有现代JS引擎都允许“在代码中”生成javascri

javascript - Html5 filereader - 读取本地 Json Array 文件并仅显示特定部分

我是初学者,来自VBAexcel编程工具。在VBA中读取excel文件,操作excel内容比Filereader和Jsonarray这样的网络工具要容易得多。我的Json数组文件中有以下内容。[["TWE",6000,4545.5],["RW",1000,256.3]]我想从下面的html文件中读取并只显示值253.6你能帮帮我吗这里是Html文件阅读器示例functionhandleFileSelect(){if(window.File&&window.FileReader&&window.FileList&&window.Blob){}else{alert('TheFileAPIs

javascript - 避免 XSS 并允许一些带有 JavaScript 的 html 标签

我在当前的项目中遇到了一个问题:用户可以使用文本区域发送电子邮件。我们允许用户输入他们想要的任何内容,因此可以输入一些用于格式化的HTML。例如,应允许用户使用粗体文本标记。完成电子邮件后,用户应该能够动态查看电子邮件的预览。不过有一个小问题,如何在显示预览时避免XSS攻击?您当然可以使用underscore.js去除它们,但这不会格式化他们的预览。所以我暂时禁止了所有HTML标签,只允许像这样的标签。,等您如何看待这个解决方案?是否足够安全? 最佳答案 为了防止应用程序受到XSS攻击,我通常使用以下规则:确定您的应用程序的安全级别

javascript - 当 Angular 改变状态时,如何让屏幕阅读器阅读整个页面?

要求:每次更改页面时,屏幕阅读器必须阅读整个页面内容。我们使用firefox+NVDA进行测试,由于angular不会“更改页面”,我们尝试了以下方法使其在更改状态时读取整个页面:aria-live="assertive"这在很大程度上读取了我们站点中文本的更改,但它只读取了添加的内容,在我们的例子中,我们有一个表格被ng-repeat填充并且它读取正在添加信息但没有任何上下文(它没有说明正在读取的行或列)另一个问题是表单,当被angular填充时,屏幕阅读器会在它们被angular填充之前读取它,这已通过$timeout解决,但仍然是aria-live读取它会跳过一些部分的更改,如果